<template>
	<view class="setting bggray height h100vh padding20">
		<intake-nav-bar title="设置" dark :fixed="true" />
		<view class="section">
			<view class="flex mb40 flex-ver flex-sb" @click="$common.navTo('/pages/user_bank/list')">
				<view class="fs28">银行卡</view>
				<image :src="backIcon" class="rotate-back-icon"></image>
			</view>

			<view class="flex mb40 flex-ver flex-sb">
				<view class="fs28">关于小程序</view>
				<image :src="backIcon" class="rotate-back-icon"></image>
			</view>

			<view class="flex flex-ver flex-sb">
				<view class="fs28">注销账号</view>
				<image :src="backIcon" class="rotate-back-icon"></image>
			</view>

		</view>


		<view class="exit-btn" @click="exit">退出登录</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				backIcon: this.$common.imgUrl() + '/back.png',
			}
		},
		components: {

		},
		onLoad(query) {},
		onShow() {},
		mounted() {},
		methods: {
			exit() {
				uni.showModal({
					title: '退出登录',
					content: '您是否确定要退出登录',
					success(res) {
						if (res.confirm) {
							try {
								// uni.clearStorageSync();
								uni.reLaunch({
									url: '/pages/login/index'
								})
							} catch (e) {
								// error
							}
						}
					}
				})
			}
		}
	}
</script>

<style lang="scss">
.setting{
	width: 100%;
    height: 100vh;
    padding: 20px;
    background: linear-gradient(to bottom, #E3EAFB 0%, transparent 100%);
  }
  
	.exit-btn {
		width: 707rpx;
		height: 98rpx;
		line-height: 98rpx;
		text-align: center;
		background: #FFFFFF;
		border-radius: 22rpx;
		color: #FF4444;
		font-size: 28rpx;
	}

	.section {
		padding: 40rpx 20rpx;
		background-color: #FFFFFF;
		border-radius: 22rpx;
		margin-bottom: 25rpx;
	}
</style>
